<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
	<title>主页</title>
	<!-- CSS  -->
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<link rel="stylesheet" href="https://kauizhaotan.oss-cn-shanghai.aliyuncs.com/VotingSystem/css/materialize.min.css"type="text/css">
	<link rel="stylesheet" href="/css/me.css" type="text/css">
	<script type="text/javascript" src="https://kauizhaotan.oss-cn-shanghai.aliyuncs.com/VotingSystem/js/jquery.js" charset="UTF-8"></script>
	<script type="text/javascript" src="https://kauizhaotan.oss-cn-shanghai.aliyuncs.com/VotingSystem/js/materialize.min.js" charset="UTF-8"></script>
	<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fingerprintjs/v0.5.1/fingerprint.min.js"></script>
	<link rel="stylesheet" href="/css/me.css">

</head>
<body>
<div th:replace="common :: navbar(0)"></div>
<!--<div th:replace="common :: navbar(0)"></div> 通过 Thymeleaf 模板引擎
将 common.html 文件中的 navbar 片段替换到当前元素的位置，并将 0 作为参数传递给该片段。、
这种方式使得模板片段的重用和参数化变得非常方便。-->
<div class="section no-pad-bot bg" id="index-banner">
	<div class="container section" >
		<br><br>
		<h1 class="headerText">海内存知己，天涯若比邻<br></h1>
		<div class="row center">
			<h5 class="headerText2">吾等已恭候阁下多时</h5>
		</div>
		<div class="row center">
			<a th:href="@{/channel}" id="download-button" class="cyan pulse btn-large waves-effect waves-light teal lighten-2 hoverable">点击即可体验</a>
		</div>
		<br><br>
	</div>
</div>
<div class="container">
	<div class="section">
		<div class="row">
			<div class="col s12 m4">
				<div class="icon-block center">
					<h2 class="teal-text lighten-2"><i class="large material-icons">star_border</i></h2>
					
					<h5 class="center">项目说明</h5>
					<p class="light">甘肃政法大学计算机科学与技术专业<br>软件开发实践作品<br>采用了极简风格Materialize风格<br>同时引入了<strong>Redis缓存</strong>来应对高并发</p>
				</div>
			</div>
			
			<div class="col s12 m4">
				<div class="icon-block center">
					<h2 class="center teal-text lighten-2"><i class="large material-icons">local_dining</i></h2>
					<h5 class="center">开发框架</h5>
					<p class="light">前端部分：HTML、CSS、Jquery<br>图片使用绿色materialize风格
					</br>后端部分：Java语言开发，使用SpringBoot脚手架<br>数据库采用Mysql、Redis</br>项目协同：前后端使用GIT工具协作于
					<a href="https://gitee.com/a-variety-of-chinese-cabbage01/voting-system"><strong>Gitee</strong></a></p>
				</div>
			</div>
			
			<div class="col s12 m4">
				<div class="icon-block">
					<h2 class="center teal-text lighten-2"><i class="material-icons" style="font-size: 87px;">assignment</i></h2>
<!--					<h2 class="center teal-text lighten-2"><i class="large material-icons">group</i></h2>-->
<!--					<h5 class="center">联系方式</h5>-->
					<h5 class="center">心得体会</h5>
					<div class="row-center" style="text-align:center">
						<p class="light">本次的综合设计课程使我们体会到<br>项目合作的基本结构和内容<br>
							也加强了对项目开发过程中的环节把控<br>促使我们朝着真正的IT行业从业者<br>的目标又进了一步</p>
<!--						<ul>-->
<!--							<li><p>王宏@cabbage_small</p></li>-->
<!--							<li><p>赵宁@吃巧克力的大狗</p></li>-->
<!--							<li><p>张恒毓@Creepin_N</p></li>-->
							
							
<!--									<li>项目地址: <a href="https://gitee.com/a-variety-of-chinese-cabbage01/voting-system.git">点击查看</a></li>-->
<!--									<li>Email : einochang0109@163.com</li>-->
<!--						</ul>-->
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<div th:replace="common::footer"></div>
</body>

<script>
    myInit();
</script>
</html>